<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>律师详情</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="./../font/iconfont.css">
        <style>
            *{padding: 0;margin: 0}
            @font-face {
                font-family: 'iconfont';
                src: url('./../font/iconfont.woff2?t=1629528450504') format('woff2'),
                url('./../font/iconfont.woff?t=1629528450504') format('woff'),
                url('./../font/iconfont.ttf?t=1629528450504') format('truetype');
            }
            .iconfont {
                font-family: "iconfont" !important;
                font-size: 0.38rem;
                font-style: normal;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }
            html{font-size: 13.3333333vw;height: 100%}
            body{font-size: 13px;height: 100%;}
            header{width: 7.5rem;}
            .banner{width: 6.95rem;margin: 0 auto;}
            header ._select{display: flex;justify-content: space-between;box-sizing: border-box;align-items: center;padding: 0.12rem 0;}
            header input{width: 6.28rem;height: 0.64rem;background: #f7f7f7;margin-top: 0.06rem;border: none;border-radius: 0.5rem;font-size: 0.27rem;color: #999;text-indent: 0.2rem}
            header input:focus{outline: none;}
            header nav{border-top: 2px solid #f2f2f2;border-bottom: 2px solid #f2f2f2}
              header nav ul{display: flex;justify-content: space-between;margin: 0.1rem 0}
            header nav li{list-style: none;font-size: 0.26rem;color: #313131;font-weight: 900}
            header nav li b{color: #999}
            .clean:after{content: '';display: block;clear: both}
            .clean p{padding:  0.15rem 0.2rem;float: left;background: #fbf2f5;border-radius: 0.5rem;margin: 0.15rem;font-size: 0.2rem;font-weight: 900;color: #333;}
             main img{width: 1.73rem}
            main .member{width: 100%;height: 2.3rem;display: flex;justify-content: space-between;padding: 0.37rem 0 0.34rem;}
            .member h2{font-size: 0.34rem;line-height: 0.4rem;}
            .member>div{position: relative;border-bottom: 2px solid #ebebeb;height: 2.6rem;}
            .member>div>p:nth-of-type(1){font-size: 0.22rem;line-height: 0.42rem;color: #111;}
            .member>div>p:nth-of-type(2){font-size: 0.22rem;line-height: 0.42rem;color: #111;margin:0.08rem 0;}
            .member>div>p:nth-of-type(2) mark{font-size: 0.22rem;padding: 0.1rem 0.1rem 0.05rem; background: #f6f6f6;border-radius: 0.1rem;color: #ae6a77;margin: 0 0.1rem;}
            .member>div>p:nth-of-type(2) u{font-size: 0.22rem;padding: 0.1rem 0.1rem 0.05rem;background: #f6f6f6;border-radius: 0.1rem;margin: 0 0.1rem;text-decoration: none;}
            .member>div>span{color: #c2c2c2;margin-right: 0.3rem;font-size: 0.24rem;}
            .member>div>span b{color: black;}
            .member>div>span:nth-of-type(3){display:block;text-indent: 1.15rem;margin-top: 0.16rem}
            .member>div>button{width: 1.2rem;height: 0.5rem;background: #f1ae57;color: #fff;border:none;border-radius: 0.5rem;font-size: 0.22rem;line-height: 0.5rem;text-align: center;position: absolute;top: 1.7rem;left: 3.5rem}
        </style>
</head>
<body>
        <header>
            <div class="banner _select">
                <!--<div class="">-->
                    <!--输入搜索框-->
            <span class="iconfont">&#xe60b;</span>
                <input class="iconfont" placeholder="&#xe61c;借贷关系">
                </div>

            <nav>
                <div class="banner">
                <ul>
                    <li><b class="iconfont">&#xe605;</b>借款借贷</li>
                    <li><b class="iconfont">&#xe605;</b>地区</li>
                    <li><b class="iconfont">&#xe605;</b>排序</li>
                    <li><b class="iconfont">&#xe605;</b>筛选</li>
                </ul>
                <div class="clean">
                    <p>全部</p>
                    <p>借钱不还</p>
                    <p>网络借贷</p>
                    <p>高利贷</p>
                    <p>担保抵押</p>
                </div>
                </div>
            </nav>
        </header>
        <main>
            <div class="banner">
            <!--律师信息-->
            <div class="member">
            <img src="./../img/timg.png">
            <div>
                <h2>李鹏律师</h2>
                <p>执业5年</p>
                <p>擅长<mark>借款借贷</mark><u>房产纠纷</u><u>经济纠纷</u></p>
                <span><b>11805</b>人咨询</span><span><b>1708</b>条评价</span>
                <span><b>4.9</b>分</span>
                <button>私聊</button>
            </div>
            </div>
                <!--律师信息-->
                <div class="member">
                    <img src="./../img/timg.png">
                    <div>
                        <h2>李鹏律师</h2>
                        <p>执业5年</p>
                        <p>擅长<mark>借款借贷</mark><u>房产纠纷</u><u>经济纠纷</u></p>
                        <span><b>11805</b>人咨询</span><span><b>1708</b>条评价</span>
                        <span><b>4.9</b>分</span>
                        <button>私聊</button>
                    </div>
                </div>
                <!--律师信息-->
                <div class="member">
                    <img src="./../img/timg.png">
                    <div>
                        <h2>李鹏律师</h2>
                        <p>执业5年</p>
                        <p>擅长<mark>借款借贷</mark><u>房产纠纷</u><u>经济纠纷</u></p>
                        <span><b>11805</b>人咨询</span><span><b>1708</b>条评价</span>
                        <span><b>4.9</b>分</span>
                        <button>私聊</button>
                    </div>
                </div>
                <!--律师信息-->
                <div class="member">
                    <img src="./../img/timg.png">
                    <div>
                        <h2>李鹏律师</h2>
                        <p>执业5年</p>
                        <p>擅长<mark>借款借贷</mark><u>房产纠纷</u><u>经济纠纷</u></p>
                        <span><b>11805</b>人咨询</span><span><b>1708</b>条评价</span>
                        <span><b>4.9</b>分</span>
                        <button>私聊</button>
                    </div>
                </div>


            </div>
        </main>
        <footer></footer>
<script>

</script>
</body>
</html>